.mine-container{
    width: 100%;
    background-color: #f5f5f5;
}
.mine-info{
    width: 100%;
    height: 1.866667rem;
    background: url(../../assets/images/minebbgc.png)   no-repeat 100% 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.info{
    /* 262 */
    width: 3.5rem;
    height: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.avatar{
    /* 50 */
    width: .666667rem;
    height: .7rem;
   
}
.avatar > img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
.vu-col{
    width: 2.133333rem;
    height: .7rem;
}
.vu-col > p:nth-child(1){
    height: .3rem;
    width: 2.133333rem;
    line-height: .3rem;
    font-weight: 600;
    padding-left: .066667rem;
}
.vu-col > p:nth-child(2){
    width: 2.133333rem;
    height: .2rem;
   color: #515a6e;
   padding-left: .066667rem;
}
.vu-col > p:nth-child(3){
    width: 2.133333rem;
    height: .2rem;
    padding-left: .066667rem;
    
}
.chongzhi{
    width: .666667rem;
    height: .7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.chongzhi > p {
    width: .666667rem;
    height: .3rem;
    background-color: #ff6650;
    border-radius: .133333rem;
    text-align: center;
    line-height:.3rem ;
    color: #fff;
    
}
.wallet{
    width: 3.5rem;
    height: .8rem;
    background: hsla(0,0%,100%,.8);
    border-radius: .066667rem;
   display: flex;
   justify-content: center;
   align-items: center;
    
}
.wallet-item {
   width: 1rem;
   height: .6rem; 
}
.wallet-item > p {
    width: 1rem;
    height: .3rem; 
    text-align: center;
    line-height: .3rem;
   
}
.wallet-item-color {
    color: #ff6650;
}
.wallet-item > p:last-child {
    color: #333;
}
.borders{
    border-left: .013333rem solid rgb(216, 216, 216);
    border-right: .013333rem solid rgb(216, 216, 216);
}
.fit{
    height: 4.8rem;
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.fit-content {
    height: 3rem;
    width: 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.fit-content > li {
    height: .5rem;
    width: 3.6rem;
    border-bottom: .013333rem solid #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fit-content > li > p:nth-child(1) {
    height: .3rem;
    width: 2.8rem;
    line-height:.3rem ;
    color: #333;
    line-height: .3rem;
    display: flex;
    align-items: center;
}
.fit-content > li > p:nth-child(2){
    height: .3rem;
    width: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: .3rem;
    font-size: .133333rem;
   
}
.sogin-out{
    margin-top: .066667rem;
    width: 3.6rem;
    height: .5rem;
    background-color: #fff;
    border-radius: .066667rem;
}
.poster {
    height: .63rem;
    width: 3.6rem;
    
}
.poster  > img {
    width: 100%;
    height: 100%;
}